<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs :lazy-load="true" type="card" @change="tabsChange" justify>
        <a-tab-pane title="原纱调拨管理" key="1">
          <div style="height: 100%">
            <AllocationManager></AllocationManager>
          </div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent, reactive, ref } from 'vue'
  import emitter from '@/hooks/useEventBus'
  import AllocationManager from '@/views/AllocationManagement/AllocationManagement/index.vue'

  export default defineComponent({
    name: 'AllocationManagementTab',
    components: {
      AllocationManager,
    },
    setup() {
      const pageData = reactive({
        tableIndex: '1',
      })
      const tabsChange = (e: string | number) => {
        emitter.emit('window-change')
      }
      return {
        pageData,
        tabsChange,
      }
    },
  })
</script>

<style lang="less" scoped>
  .main-container {
    height: 100%;
  }
</style>
